<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 


    组件的基本介绍：
    Vue组件是以.vue结尾的文件
    Vue组件一般都是由三部分组成：
    template写页面部分、
    script写js部分，组件的script部分中必须要使用export default {}导出
    style写css
    scoped 这个属性的作用就是让css只在当前页面生效
    lang  这个属性规定当前的style可以使用哪种css语言编写
    组件中必须要有页面部分（不一定要有 template标签）
    页面部分可以写在template标签中 还可以写在js中
组件的导出和导入
 组件的导出：export default {}
 组件的导入：import HelloWorld from "./components/HelloWorld.vue"


    基础语法——模板语法
在template中写HTML时,如果需要渲染变量或则表达式，可以使用{{}}形式来渲染，这个{{}}就是模板语法，可以把边量或者表达式的结果渲染出来。

模板语法渲染的结果是一个字符串
 -->

<body>

</body>

</html>